<template>
  <div id="login">
    <header id="header"></header>
    <section id="containter">
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :xs="22" :sm="20" :md="12" :lg="8">
          <login-form></login-form>
        </a-col>
      </a-row>
    </section>
    <footer id="footer"></footer>
  </div>
</template>

<script>
import LoginForm from "./components/LoginForm";
export default {
  components: {
    LoginForm
  }
};
</script>

<style lang="less" scoped>
#login {
  background: #f0f2f5;
  height: 100vh;
  #header {
    height: 10vh;
  }
  #container {
  }
}
</style>
